<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>订单支付-品质365</title>
<meta name="keywords" content="机票,机票预订,机票查询,飞机票,飞机票查询,特价机票,打折机票,订机票,网上订票,机票价格查询,特价机票查询,飞机票价查询" />
<meta name="description" content="品质365- 提供飞机票查询,机票预订和特价机票查询,打折机票查询服务。同时动态提供特价机票查询,是您网上订机票的首选。" />
<jsp:include page="/globalFile.do"></jsp:include>
<link rel="stylesheet" type="text/css" href="/front/css/payment-order.css">
<link rel="stylesheet" type="text/css" href="/front/css/seek-password.css">
<style>
#bank-pay-wrap{padding:0;border:none;background-color:#fff;}
#bank-pay-wrap .bank-card{border:1px solid #cccccc;margin-bottom:10px;}
#bank-pay-wrap .bank-card-slidedown{border:3px solid #ff0000;}
#bank-pay-wrap .bank-card-selected{border:3px solid #ff0000;}
.bank-card .bank-card-bar{height:40px;border-bottom:0px solid #ccc;background-color:#fff;}
.bank-card .bank-card-bar .bar-caption,.bank-card .bank-card-bar .bar-arrow{height:40px;line-height:40px;}
.bank-card .bank-card-bar .bar-caption{float:left;font-size:16px;text-indent:15px;color:#333;}
.user-select-info li sub{margin-left:5px; vertical-align:5px;}
.bank-card .bank-card-bar .bar-arrow{float:right;width:500px;background:url("/front/images/bank_arrow.gif") no-repeat right top;cursor:pointer;}
.bank-card .bank-card-bar strong{float:left;color:red; line-height:40px;margin-left:10px;}
.bank-card .bank-card-bar-toggle .bar-arrow{background-position:right bottom;}
.bank-card .bank-card-list{display:none;margin:20px;}
.bank-card-slidedown .bank-card-list{display:block;}
.bank-card-slidedown .bank-card-bar .bar-arrow{background-position:right bottom;}
.bank-card-slidedown .bank-card-bar{border-bottom-width:1px;}
.user-select-info{float:left;margin-left:15px;height:35px;padding-top:5px;}
.user-select-info li{float:left;height:30px;line-height:30px;}
.user-select-info li.select-bank{padding:0 50px;cursor:pointer;}
.bank-card-slidedown .user-select-info{display:none;}
#weixin-qr{width:675px;height:418px;margin:0 auto;background:url("/front/images/static/weixin_qr.jpg") no-repeat center center;}
#weixin-qr img{display:block;position:relative;top:100px;left:100px;}
.go-back-btn{padding:15px 0;}
.go-back-btn a{padding:5px 10px;color:#666;border:1px solid #c9c9c9;border-radius:3px;margin-right:20px;}
</style>
</head>
<body>
	<!--页头-->
	<header>
		 <jsp:include page="/header.do?isMini=yes&loadDown=yes"></jsp:include>
	</header>
	<!--主体-->
	<section>
		<form action="/flight/onlinePay.do" method="post" name="orderPayForm" id="js-orderPayForm" target="_blank">
			<input type="hidden" name="aliasCode" id="js-aliascode" value="${aliasCode }" />
			<input type="hidden" name="bankcardtype" id="js-bankcardtype" value="" />
			<input type="hidden" name="banktype" id="js-banktype" value="" />
		    <input type="hidden" name="bank" id="js-bankId" value="" />
		</form>
		<div id="order-cart-wrap">
			<div class="order-cart-hd step3"></div>
			<c:choose>
				<c:when test="${orderIsPaid }">
					<div id="order-pay-wrap">
						<div id="order-state">
							<p class="order-state-tips">
								<s></s>订单提交成功,您的订单已支付！
							</p>
							<p class="order-detail">
								<span>订单号：${aliasCode }</span>
							</p>
							<p class="go-back-btn">
								<a href="/front/flight/index.jsp">继续购票</a>
								<a href="/front/flight/orderList.jsp">查看订单</a>
							</p>
						</div>
					</div>
				</c:when>
				<c:otherwise>
					<div id="order-pay-wrap">
						<div id="order-state">
							<p class="order-state-tips">
								<s></s>订单提交成功,请你尽快付款！
							</p>
							<p class="order-detail" id="order-aliasOrder-show">
								<span>订单号：${aliasCode }
								</span>|<span id="pay-mode">支付方式：${payModeName}</span>|<span>应付金额：<strong id="order-total-price">${totalPrice
										}</strong>元
								</span>
							</p>
							<p class="go-back-btn"><a href="">继续购票</a><a href="">查看订单</a></p>
						</div>

						<div id="pay-tips">
							立即支付<strong>${totalPrice }</strong>元,即可完成订单,请在<strong>30分钟</strong>内完成支付,否则订单会被自动取消。
						</div>

						<div id="bank-pay-wrap">
							<div class="bank-card have-select-bank bank-card-slidedown" ><!--  bank-card-selected网银 -->
								
								<div class="bank-card-bar">
									<div class="bar-caption">京东支付</div>
									<ul class="user-select-info">
										<li class="selected-bank"><img src="/front/images/bjico.png" height="100%"><sub>(信用卡)</sub></li>
										<li class="select-bank">重新选择银行</li>
									</ul>
									<div class="bar-arrow"></div>
								</div>

								<dl class="bank-card-list clearfix"><!--块钱-->
									<dt>银行卡支付：</dt>
									<c:forEach items="${bankVos2.jieji }" var="bank">
										<dd>
											<c:set var="select" value="no" />
											<c:if test="${(not empty  lastSelectBank) && lastSelectBank.typeId==1 && lastSelectBank.code==bank.code}">
												<c:set var="select" value="yes" />
											</c:if>
											<input type="radio" ${select eq "yes"?"checked":"" } name="bankId" data-type="wangyin" data-card-type="yinhangka" id="gs-bank-b-${bank.code }"
												value="${bank.code }"><label
												for="gs-bank-b-${bank.code }"><img src="/front/${bank.logo }"
												width="114"></label>
										</dd>
									</c:forEach>
									<dt>信用卡支付：</dt>
									<c:forEach items="${bankVos2.xinyong }" var="bank">
										<dd>
											<c:set var="select" value="no" />
											<c:if test="${(not empty  lastSelectBank)  && lastSelectBank.typeId==2 && lastSelectBank.code==bank.code}">
												<c:set var="select" value="yes" />
											</c:if>
											
											<input type="radio" ${select eq "yes"?"checked":"" } name="bankId" data-type="wangyin" data-card-type="xinyongka" id="gs-bank-x-${bank.code }"
												value="${bank.code }"><label
												for="gs-bank-x-${bank.code }"><img src="/front/${bank.logo }"
												width="114"></label>
										</dd>
									</c:forEach>
								</dl>
							</div><!--网银-->
							
							
	
						</div><!--增加银行-->
						<div id="go-pay">
							<a href="javascript:void(0);" class='gotoPay'>去支付</a>
						</div>
					</div>
				</c:otherwise>
			</c:choose>
		</div>
	</section>
	<script>
		seajs.use("/front/js/orderResult_pay.js");
	</script>
	<!--页脚-->
	<footer>
		<jsp:include page="/footer.do"></jsp:include>
	</footer>
</body>
</html>